@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-04-26 16:24:42
 * @version $Id$
 */
/*banner开始*/
.banner{ width: 100%; height: 550px; position: relative; overflow: hidden;}
.banner img{ width: 1922px; height: 550px; position: absolute; left: 50%; margin-left: -961px;}
/*banner结束*/
/*信息部分开始*/
.content{ width: 1218px; height: auto; margin: 0px auto; margin-top: 38px;}
.content .main{ width: 894px; height: auto; float: right;}
.content .main .information{ width: 880px; height: auto; margin: 0px auto; overflow: hidden; }
.content .main .information ul{ width: 927px; height: auto; margin-top: 55px;}
.content .main .information ul li{ width: 246px; height: 310px; float: left; margin-right: 63px; margin-bottom: 40px; position: relative;}
.content .main .information ul li > a{display: block; width: 244px; height: 244px; border: 1px solid #a7a7a7}
.content .main .information ul li > a:after{ content: ""; display: none; position: absolute; top: 0px; left: 0px; background: url(../img/product_bg000.png); width: 246px; height: 246px;}
.content .main .information ul li:hover > a:after{ display: block;}
.content .main .information ul li.on > a:after{ display: block;}
.content .main .information ul li img{ display: block; width: 244px; height: 244px;}
.content .main .information ul li h4{ font-size: 18px; color: #333; text-align: center; margin-top: 38px;}
.content .main .information ul li:hover h4 a{ color: #ec822f; }

.content .main .information .page{ width: 894px; height: 30px; margin: 60px 0px; overflow: hidden;}
.content .main .information .page ol{ height: 30px; position: relative; left: 50%; margin-left: -180px;}
.content .main .information .page ol li{ float: left; margin: 0px 5px; height: 28px; border: 1px solid #a7a7a7; border-radius: 5px; behavior: url(js/PIE.htc); position: relative;}
.content .main .information .page ol li span{ padding: 0px 9px; }
.content .main .information .page ol li a{ display: block; height: 28px; font-size: 14px; color: #333; padding: 0px 12px; line-height: 28px;}
.content .main .information .page ol li:hover{ background: #ec822f; border: 1px solid #ec822f; }
.content .main .information .page ol li:hover a{ color: #fff; }
.content .main .information .page ol li.on{ background: #ec822f; border: 1px solid #ec822f; }
.content .main .information .page ol li.on a{ color: #fff; }
/*信息部分结束*/